// pages/categorylist/categorylist.js
const interfaces = require('../../utils/request.js')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    TabCur: 0,
    scrollLeft: 0,
    navData: [],
    currentNav: {},
    goodsList: []
  },
  /**
   * 导航点击事件
   */
  tabSelect(e) {
    this.setData({
      TabCur: e.currentTarget.dataset.index,
      scrollLeft: (e.currentTarget.dataset.index - 1) * 60
    })
    //console.log(e)
    let id = e.currentTarget.dataset.id;
    wx.showLoading({
      title: ''
    })
    const self = this;
    wx.request({
      url: interfaces.article,
      data: {
        categoryId: id
      },
      success(res) {
        //console.log(res)
        wx.hideLoading();
        self.setData({
          goodsList: res.data.data,
          currentNav: res.data.currentNav
        })
      }
    })
  },
  /**
   * 获取物品数据
   */
  allGoodlist(id){
    const self = this;
    wx.showLoading({
      title: ''
    })
    wx.request({
      url: interfaces.article,
      data:{
        categoryId: id
      },
      success(res){
        //console.log(res)
        wx.hideLoading();
        self.setData({
          goodsList: res.data.data
        })
      }
    })
  },
  /**
   * 进入物品详情页面
   */
  goodsDetail(e){
    let id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/goods/goods?id='+id,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //console.log(options);
    let self = this;
    // wx.showLoading({
    //   title: '',
    // })
    wx.request({
      url: interfaces.cateDetail,
      data:{
        id: Number(options.id)
      },
      success(res){
        //console.log(res);
        //wx.hideLoading();
        self.setData({
          navData: res.data.navData,
          currentNav: res.data.currentNav
        })
        for(let i=0;i<self.data.navData.length;i++){
          const id = self.data.navData[i].id;
          if (id === self.data.currentNav.id){
            self.setData({
              TabCur: i
            })
          }
        }
      }
    })
    this.allGoodlist(options.id);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})